<template>
	<div>

		<mt-swipe :auto="4000">
		  <mt-swipe-item v-for="item in lunbolist" :key="item.id">
			<img :src="item.url">
		  </mt-swipe-item>
		</mt-swipe>

		<!-- 九宫格 到 6宫格 的改造工程 -->
		<ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu1.png">
                    <div class="mui-media-body">新闻资讯</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu2.png">
                    <div class="mui-media-body">图片分享</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu3.png">
                    <div class="mui-media-body">商品购买</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu4.png">
                    <div class="mui-media-body">留言反馈</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu5.png">
                    <div class="mui-media-body">视频专区</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../../src/images/menu6.png">
                    <div class="mui-media-body">联系我们</div></a></li>
        </ul>
	</div>
</template>

<script>
	import { Toast } from 'mint-ui'

	export default{
		data:function(){
			return {
				lunbolist: [
					{ id:1,url:'../src/images/1.png' },
					{ id:2,url:'../src/images/2.jpg' }
				]
			}
		},
		created:function(){
			/*this.getLunbotu();*/
		},
		methods:{
			show:function(){
				Toast('提示信息');
			}
			/*getLunbotu() {
		      // 获取轮播图数据的方法
		      this.$http.get("http://vue.studyit.io/api/getlunbo").then(result => {
		        // console.log(result.body);
		        if (result.body.status === 0) {
		          // 成功了
		          this.lunbotuList = result.body.message;sa
		        } else {
		          // 失败的
		          Toast("加载轮播图失败。。。");
		        }
		      });
		    }*/
		}

	}
</script>

<style lang="scss" scoped>
	.mint-swipe{
		height:200px;
		img{
			width: 100%;
      		height: 100%;
		}
	}
	.mui-grid-view.mui-grid-9{
		background-color:#fff;
		border:0;
		img{
			width:60px;
			height:60px;
		}
		.mui-table-view-cell{
			border:none;
		}
		.mui-media-body{
			font-size:13px;
		}
	}
</style>